import React from 'react';
import {Card, Divider} from 'antd';
import {ContactsOutlined} from "@ant-design/icons";
import Introduce1 from '../../assets/introduce1.jpg'
import Introduce2 from '../../assets/introduce2.jpg'
import Introduce3 from '../../assets/introduce3.jpg'
import './style.less'

const { Meta } = Card;

const Introduce = () => {
    return (
        <div className='introduce'>
            <h1 style={{color: '#5352ed', fontSize: '18px', margin: 0}}>
                <ContactsOutlined  style={{color: '#5352ed', fontSize: '19px', marginRight: '5px'}}/>
                主要介绍
            </h1>
            <Divider/>
            <div className='introduce-container'>
                <Card
                    hoverable
                    style={{ width:'90%',marginBottom:'20px' }}
                    cover={<img alt="example" src={Introduce1} />}
                >
                    <Meta title="营业执照" description="我们是最专业的" />
                </Card>
                <Card
                    hoverable
                    style={{ width: '90%',marginBottom:'20px' }}
                    cover={<img alt="example" src={Introduce3} />}
                >
                    <Meta title="质量认证" description="我们是有品质的" />
                </Card>
                <Card
                    hoverable
                    style={{ width: '90%',marginBottom:'20px' }}
                    cover={<img alt="example" src={Introduce2} />}
                >
                    <Meta title="注册证书" description="我们是有牌面的" />
                </Card>
            </div>
        </div>
    );
};

export default Introduce;
